<template>
	<el-container>
		<el-aside>
		</el-aside>
		<el-container>
			<el-main>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="排序号" prop="sortNo">{{ form.sortNo }}
						</el-form-item>
						<el-form-item label="姓名" prop="userName">{{ form.userName }}
						</el-form-item>
						<el-form-item label="关联用户" prop="accountId">{{ form.accountId }}
						</el-form-item>
						<el-form-item label="部门" prop="deptId">{{ form.deptName }}
						</el-form-item>
						<el-form-item label="职务" prop="userLevel">{{ form.userLevelName }}
						</el-form-item>
						<el-form-item label="英文名" prop="userNameEn">{{ form.userNameEn }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<div style="width: 100%;text-align: center;">
							<el-image style="width: 200px;height: 300px;display: inline-block;border-radius:0px" :src="form.avatar"></el-image>
						</div>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="曾用名" prop="beforeUserName">{{ form.beforeUserName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="性别" prop="sex">
							<el-tag type="primary" size="small" v-if="form.sex==='1'">男</el-tag>
							<el-tag type="danger" size="small" v-else-if="form.sex==='0'">女</el-tag>
							<el-tag type="info" size="small" v-else>保密</el-tag>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="工号" prop="workNo">{{ form.workNo }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="编号" prop="staffNo">{{ form.staffNo }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="身份证号" prop="staffCardNo">{{ form.staffCardNo }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="出生日期" prop="birthDay">{{ form.birthDay }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="年休假" prop="annualLeave">{{ form.annualLeave }}/天
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="生肖" prop="animal">{{ form.animalName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="籍贯" prop="nativePlace">{{ form.nativePlaceName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="现住地址" prop="address">{{ form.addressName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="血型" prop="bloodType">{{ form.bloodTypeName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="民族" prop="nationalty">{{ form.nationalty }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="婚姻状况" prop="maritalStatus">{{ form.maritalStatusName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="健康状况" prop="health">{{ form.healthName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="政治面貌" prop="politicalStatus">{{ form.politicalStatusName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="入党时间" prop="joinPartyTime">{{ form.joinPartyTime }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="户口类别" prop="staffType">{{ form.staffTypeName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="户口所在地" prop="staffAddress">{{ form.staffAddress }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="工种" prop="workType">{{ form.workTypeName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="工资级别" prop="wagesLevel">{{ form.wagesLevelName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="员工类型" prop="occupation">{{ form.occupationName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="入职时间" prop="employedTime">{{ form.employedTime }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="岗位" prop="workJob">{{ form.workJobName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="在职状态" prop="workStatus">{{ form.workStatusName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="联系电话" prop="phone">{{ form.phone }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="考勤排班类型" prop="attendType">{{ form.attendTypeName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="职称" prop="technicalTitle">{{ form.technicalTitleName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="职称级别" prop="workLevel">{{ form.workLevelName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="手机号码" prop="mobileNo">{{ form.mobileNo }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="微信号码" prop="wxNo">{{ form.wxNo }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="电子邮件" prop="email">{{ form.email }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="家庭地址" prop="homeAddress">{{ form.homeAddress }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="QQ" prop="qq">{{ form.qq }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="其他联系方式" prop="otherContact">{{ form.otherContact }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="开户银行" prop="bank">{{ form.bank }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="银行账户" prop="bankAccount">{{ form.bankAccount }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="学历" prop="highsetShool">{{ form.highsetShoolName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="学位" prop="highsetDegree">{{ form.highsetDegreeName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="毕业时间" prop="graduationTime">{{ form.graduationTime }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="毕业学校" prop="graduationShool">{{ form.graduationShool }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="专业" prop="major">{{ form.major }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="特长" prop="skills">{{ form.skills }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="外语语种" prop="otherLanguage">{{ form.otherLanguageName }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="外语水平" prop="otherLanguageLevel">{{ form.otherLanguageLevelName }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="职务情况" prop="cretificate">{{ form.cretificate }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="担保记录" prop="surety">{{ form.surety }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :lg="12">
						<el-form-item label="社保缴纳情况" prop="insure">{{ form.insure }}
						</el-form-item>
					</el-col>
					<el-col :lg="12">
						<el-form-item label="体检记录" prop="bodyExamim">{{ form.bodyExamim }}
						</el-form-item>
					</el-col>
				</el-row>
					<el-form-item label="备注说明">{{ form.remark }}
					</el-form-item>
					<el-form-item label="相关附件" prop="attachId" style="margin-bottom: 100px">
						<attach-menu :attachIds="form.attachId" :roleFlag="3" :preview="true"></attach-menu>
					</el-form-item>
			</el-main>
		</el-container>
		<el-aside>
		</el-aside>
	</el-container>
</template>
<script>
import AttachMenu from '@/views/module/attachMenu'

export default {
	name: 'Hr Base UserInfo',
	components: {
		AttachMenu,
	},
	data() {
		return {
			form: {
				sortNo:0,
				userName:'',
				accountId:'',
				deptName:'',
				userLevelName:'',
				userNameEn:'',
				avatar:'',
				beforeUserName:'',
				sex:'1',
				workNo:'',
				staffNo:'',
				staffCardNo:'',
				birthDay:'',
				annualLeave:'',
				animalName:'',
				nativePlaceName:'',
				addressName:'',
				bloodTypeName:'',
				nationalty:'',
				maritalStatusName:'',
				healthName:'',
				politicalStatusName:'',
				joinPartyTime:'',
				staffTypeName:'',
				staffAddress:'',
				workTypeName:'',
				wagesLevelName:'',
				occupationName:'',
				employedTime:'',
				workJobName:'',
				workStatusName:'',
				phone:'',
				attendTypeName:'',
				technicalTitleName:'',
				workLevelName:'',
				mobileNo:'',
				wxNo:'',
				email:'',
				homeAddress:'',
				qq:'',
				otherContact:'',
				bank:'',
				bankAccount:'',
				highsetShoolName:'',
				highsetDegreeName:'',
				graduationTime:'',
				graduationShool:'',
				major:'',
				skills:'',
				otherLanguageName:'',
				otherLanguageLevelName:'',
				cretificate:'',
				surety:'',
				insure:'',
				bodyExamim:'',
				attachId:'',
				remark:''
			}
		}
	},
	mounted() {
		this.getMyUserInfo();
	},
	methods: {
		async getMyUserInfo() {
			var res = await this.$API.hr.hrUser.getHrUserByAccountId.get();
			if(res.code==200)
			{
				if(res.data!=null)
				{
					this.form = res.data;
				}
			}
		},
	}
}
</script>
